<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      template="/pages/templates/internal.xhtml">
    <ui:define name="head">
        <title>Administrar Grupos</title>
    </ui:define>
    <ui:define name="body">
        <f:event type="preRenderView" listener="#{teamAdmin.init()}"/>
        <h:form id="formTeam">
            <p:menubar>
                <f:facet name="options">
                    <p:commandButton value="Nuevo Equipo" 
                                     action="#{facesContext.externalContext.redirect('/worldCupInformation/pages/team/newTeam.xhtml')}" />
                </f:facet>
            </p:menubar>
            <p:dataTable id="tableTeams" var="team" value="#{teamAdmin.teams}">
                <p:column headerText="Grupo">
                    <h:outputText value="#{team.grupoId.nombre}"/>
                </p:column>
                <p:column headerText="Nombre">
                    <h:outputText value="#{team.nombre}"/>
                </p:column>
                <p:column headerText="Cabeza de Serie">
                    <!-- <h:outputText value="#{team.cabezaSerie}"/>-->
                    <p:selectBooleanCheckbox value="#{team.cabezaSerie}" disabled="true" />
                </p:column>
                <p:column headerText="Puntos">
                    <h:outputText value="#{team.puntos}"/>
                </p:column>
                <p:column headerText="Acciones">
                    <p:commandLink value="Editar" 
                                   action="#{editTeamController.initEdit(team)}" 
                                   ajax="false" />
                    <p:spacer width="10"/>
                    <p:commandLink value="Eliminar" 
                                   action="#{editTeamController.delete(team)}" 
                                   process="@this"
                                   update="tableTeams">
                        <p:confirm header="Confirmacion"
                                   message="Esta seguro que desea eliminar el rquipo?"/>
                    </p:commandLink>
                </p:column>
            </p:dataTable>
            <p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
                <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>
                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
        </h:form>
    </ui:define>
</ui:composition>